<template>
	<view>
		<view v-if="!showMore" class="flex benben-position-layout flex flex-wrap align-center index_flex_3_ben"
			@tap.stop="showMore=true">
			<image class="index_fd3_0_ben" mode="aspectFit" :src="STATIC_URL + '1608.png'" />
		</view>
		<view v-else class="flex benben-position-layout flex flex-wrap align-center index_flex_4_ben">

			<image @tap.stop="goWen" style="width: 116rpx;height: 116rpx;" class="question"
				src="@/static/img02/wenda.png" />
			<image @tap.stop="goAi" style="width: 116rpx;height: 116rpx;" class="shu" src="@/static/img02/shu.png" />
			<view @tap.stop="showMore=false" class="close-outer">
				<image class="close-icon" src="@/static/img02/close.png" />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showMore: false
			}
		},
		created() {
			console.log('✅ created 生命周期触发了')
		},
		mounted() {
			console.log('✅ mounted 生命周期触发了')
		},
		methods: {
			handleCilck() {
				this.showMore = true
			},
			goWen() {
				uni.navigateTo({
					url: '/pages/My/AIChat/AIChat'
				})
				this.showMore = false
			},
			goAi() {
				console.log(uni.getStorageSync('USER_GROUP'))
				let group=uni.getStorageSync('USER_GROUP')
				uni.navigateTo({
					url: '/pages/Mymine/aiSeart/aiSeart?group='+group
				})
				this.showMore = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.index_flex_3_ben {

		overflow: hidden;
		z-index: 10;
		bottom: calc(300rpx + var(--window-bottom));
		right: 24rpx;


	}

	.close-outer {
		background-color: RGBA(82, 83, 85, 1);
		width: 86rpx;
		height: 86rpx;
		border-radius: 86rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 0;

		.close-icon {
			width: 36rpx;
			height: 36rpx;
		}
	}

	.question {
		position: absolute;
		right: 106rpx;
		flex-shrink: 0;
		top: 0
	}

	.shu {
		position: absolute;
		right: 106rpx;
		flex-shrink: 0;
		bottom: 0
	}

	.index_flex_4_ben {
		width: 230rpx;
		height: 300rpx;
		z-index: 10;
		bottom: calc(190rpx + var(--window-bottom));
		right: 24rpx;
	}

	.index_fd3_0_ben {
		width: 88rpx;
		height: 88rpx;
	}
</style>